@import "style-variable.scss";

.bg-img {
  background-image: url(../img/login_bg.jpg);
  background-color: $bodybg;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  align-items: center;
  justify-content: center;
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100vh;
  border-radius: 5px;
  flex-direction: column;

  &-box {
    width: 700px;
    height: 470px;

    border-radius: 5px;

    &-left {
      width: 260px;
      border-radius: 5px 0 0 5px;

      &-img {
        width: 260px;
        height: 470px;
        border-radius: 5px 0 0 5px;
      }
    }

    &-right {
      width: 440px;
      border-radius: 0 5px 5px 0;
      padding: 0 20px;

      &-top {
        &-title {
          line-height: 55px;
          height: 55px;
          font-size: 16px;
          border-bottom: 1px $linecolor solid;
        }
      }

      &-center {}

      &-bottom {}
    }
  }

  &-bottom {
    color: $font-color;
  }
}
